@charset 'utf-8';
@import  'sandal/core';
@import  'core/mixins', 'core/functions', 'core/vars';

body {
	background-color: #fff;
}

.ht-linkus-info {
	margin: 0 auto;
	margin-top: 120px;
	font-size: $font20;
	line-height: 1.75;
	text-align: center;

	& > span {
		display: block;
	}
}

.ht-linkus-map {
	position: relative;
	padding-top: 130px;
	margin-top: $contentPaddingT;
	@extend %clearfix;
	color: #fff;
	background-color: #23a4e7;
	
	&:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 130px;
		width: 100%;
		background: #fff url("../img/linkus/shanghai.png") no-repeat;
		background-position: center bottom;
	}
	&.ht-map-shanghai {
		&:before {
			background-image: url("../img/linkus/shanghai.png");
		}
	}
	&.ht-map-beijing {
		&:before {
			background-image: url("../img/linkus/beijing.png");
		}
	}

	& > h5 {
		line-height: 70px;
		margin: 0 auto;
		font-size: $font26;
		text-align: center;
		background-color: #273443;
	}
	.map {
		width: 100%;
		height: 490px;
		margin: 0 auto;
	}
}

.ht-linkus-map-content {
	position: relative;
	width: $w;
	margin: 0 auto;
	padding: 30px 50px;
	font-size: $font18;

	address {
		font-size: $font20;
		margin-bottom: 10px;
	}

	p {
		margin-bottom: 0;
		margin-bottom: 10px;
	}
	.ht-hotline	{
		position: absolute;
		right: 50px;
		bottom: 30px;
		margin-bottom: 10px;
	}
}